<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>login</title>
	<style type="text/css">
		.box{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
			border: 1px solid black;
		}
		.box1{
			width: 200px;
			height: 200px;
			background: pink url() 0 0 no-repeat;
		}
	</style>
</head>
<body>
	<div class="box" id="box"></div><div class="box1" id="box1"></div><input class="login" type="submit" id="login">
	<script type="text/javascript">
	var box=document.getElementById('box');
	var box=document.getElementById('box1');
	var login=document.getElementById('login');

	
	var obj=document.createElement('input');
	obj.setAttribute('type','text');
	box.appendChild(obj);

	login.onclick=function(run){
	}
	</script>
</body>
</html>